<template>
  <div>
      <el-container>
          <el-header height="80px">
              <el-row>
                  <el-col :span="24">
                  </el-col>
              </el-row>
              <el-row></el-row>
          </el-header>
          <el-container>
              <el-aside width="200px">Aside</el-aside>
              <el-main>
                  <el-row>
                      <el-button-group>
                          <el-button icon="el-icon-eleme">
                              默认按钮
                          </el-button>
                          <el-button plain type="primary" :disabled="true">主要按钮</el-button>
                          <el-button plain type="success">成功按钮</el-button>
                      </el-button-group>
                      <el-button plain type="info">信息按钮</el-button>
                      <el-button type="warning" circle>警</el-button>
                      <el-button type="danger" round :loading="true">危险按钮</el-button>
                      <el-button type="text">121</el-button>
                      <el-button type="primary">上传<i class="el-icon-upload el-icon--right"></i></el-button>
                  </el-row>
              </el-main>
          </el-container>
          <el-footer height="100px">
              <div class="d1">
                  <i class="el-icon-platform-eleme"></i>
              </div>
              <i class="el-icon-camera-solid"></i>
          </el-footer>
      </el-container>
  </div>
</template>

<style>
.d1 {
  height: 200px;
  width: 200px;
  background-color: pink;
  text-align: center;
  line-height: 200px;
}

.el-header {
  background-color: yellow;
}

.el-main {
  background-color: red;
  height: 400px;
}

.el-footer {
  background-color: orange;
}

.el-aside {
  background-color: purple;
}

.el-icon-phone {
  color: red;
  font-size: 40px;

}
</style>
